<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/personal.css">

    <title>Document</title>
</head>

<body>
    <iframe src="../html/personalhead.html" height="101px" width="1000px" frameborder="0" class="head"></iframe>
    <div class="jiange"></div>
    <div class="lay1">
        <div class="layleft">
            <div class="imgcon">
                <img src="../images/666.jpg" alt="">
                <h2>用户652341</h2>
                <div class="vipmark">
                    <a href="#">开通会员</a>
                </div>
            </div>

            <div class="menu">
                <ul>
                    <li><a href="../html/personal.html">我的钱包</a></li>
                    <li><a href="../html/accountSettings.html">账号设置</a></li>
                    <li><a href="">消息中心</a></li>
                    <li><a href="">我的收藏</a></li>
                    <li><a href="">我的投稿</a></li>
                    <li><a href="">联系客服</a></li>
                    <li><a href="">Plus会员</a></li>
                </ul>
            </div>
        </div>
        <div class="layright1">
            <p style="color: #515151;font-size: 14px;">反馈记录</p>
            <button style="float: right;position: relative;top: -15px;">提交反馈</button>
        </div>
        <div class="fankui" style="background-color: #eee;display: none;"id='ff'>
            <div style="text-align:center;height: 60px;background-color: #fff;">提交反馈</div>
                <p style="float: right;margin-top: -60px;margin-right:5px;" onclick="guan()">关闭</p>
                <table>
                    <tr>
                        <td>联系邮箱</td>
                        <td><input type="text" style="padding: 6px;margin-left: 20px;width: 400px;border: 1px solid #e3e3e3;"></td>
                    </tr>
                    <tr>
                        <td>问题内容</td>
                        <td><input type="textarea" style="padding:3px 6px;margin-left:20px;margin-top: 30px;width: 400px;height: 128px;;border: 1px solid #e3e3e3;"></td>
                    </tr>
                    <tr>
                        <td>问题截图</td>
                        <td><input type="file" style="margin-left:30px ;" accept="image/*"></td>
                    </tr>
                </table>       
        </div>

        <iframe src="../html/footer-di.html" height="301px" width="1519px" frameborder="0"
            style="margin-left: -160px;"></iframe>
            <iframe src="../html/fotter-ce.html" height="1930px" width="800px" frameborder="0" class="footer1"></iframe>
</body>
<script>
    window.onload = function () {
      var mask = document.getElementsByTagName('button')[0]
      mask.onclick = function () {
        ff.style.display = 'block'    
      }
    }
    function guan() {
      ff.style.display = 'none'
    }
  </script>
</html>